<%--
  Created by IntelliJ IDEA.
  User: 13044
  Date: 2020/8/5
  Time: 16:06
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/css/back/userRegister.css">
    <script src="/js/userRegiter.js"></script>
</head>
<body>
<div class="userRegister">
    <div>
        <!--    action提交到后台servlet的入口方法名称 pattern="^[a-zA-Z]\w{5,15}$"   -->
        <form action="/userRegister" method="post">
            <div>用户名：<input type="text" id="username" name="username" placeholder="请输入6到16为字符或者数字" pattern="^[a-zA-Z]\w{5,15}$">
                <label id="usernameTip"></label>
            </div>
            <div>密码：<input type="password" id="password" name="password"></div>
            <div>重新输入密码:<input type="password" id="rePassword" name="rePassword"
                               onblur="checkPassword()">
                <label id="passwordTip"></label>
            </div>
            <div>验证码:<input type="text" id="code" name="code" pattern="\w{4}"></div>
            <div>手机号：<input type="text" id="phone" name="phone" onclick="checkPhone()">
                <label id="phoneTip"></label>
            </div>
            <div>性别:
                <label><input type="radio" name="sex" value="保密" checked>保密</label>
                <input type="radio" name="sex" value="男" id="nan"><label for="nan">男</label>
                <label><input name="sex" type="radio" value="女">女</label>
            </div>
            <div>生日:<input type="date" name="birthday" id="birthday"></div>
            <div>爱好:
                <label><input type="checkbox" name="hobby" value="羽毛球">羽毛球</label>
                <label><input type="checkbox" name="hobby" value="乒乓球">乒乓球</label>
                <label><input type="checkbox" name="hobby" value="足球">足球</label>
                <label><input type="checkbox" name="hobby" value="篮球">篮球</label>
            </div>
            <div>自我评价:<textarea id="introduce" name="introduce"></textarea></div>

            <div class="userRegister-button">
                <input type="submit" value="注冊">
                <input type="reset" value="清空">
            </div>
        </form>
    </div>

</div>
</body>
</html>
